import React from 'react'
import Item from '../Item'
import './index.css'

export default function List(props) {
  const {todos, changeTodo, deleteTodo} = props
  return (
    <ul className="todo-main">
      {todos.map(todo => {
        return <Item todo={todo} changeTodo={changeTodo} deleteTodo={deleteTodo} key={todo.id}/>
      })}
    </ul>
  )
}
